<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>404 Not Found </title>
    <link href="${ctxPath}/static/page/css/404.css" rel="stylesheet" type="text/css" />
    <script src="${ctxPath}/static/page/js/jquery-1.8.3.min.js"></script>
</head>
<body>
    <div class="wavetext">
        <div class="wavetop">
            <div class="wavelx">
                <img src="${ctxPath}/static/page/images/404.svg">
            </div>
            <div class="wavets">
                em~ 此路不通！<div style="color: red;">${tips!}</div>
            </div>
        </div>
        <span class="wavecz">你可以回到网站主页或关闭本页~</span>
        <div class="waveqcz">
        </div>
        <div class="wavegohome waveinput">
            <a href="http://zzcsma.com">回到网站首页</a>
        </div>
        <div class="waveclose waveinput">
            <a href="javascript:void(0);" onclick="window.opener=null; window.open('','_self');window.close();">关闭这个页面</a>
        </div>
        <div class="waveqcz">
        </div>
        <div class="waveqczfd">
        </div>
    </div>
    <div class="waveWrapper waveAnimation">
        <div class="waveWrapperInner bgTop">
            <div class="wave waveTop" style="background-image: url('${ctxPath}/static/page/images/wave-top.png')">
            </div>
        </div>
        <div class="waveWrapperInner bgMiddle">
            <div class="wave waveMiddle" style="background-image: url('${ctxPath}/static/page/images/wave-mid.png')">
            </div>
        </div>
        <div class="waveWrapperInner bgBottom">
            <div class="wave waveBottom" style="background-image: url('${ctxPath}/static/page/images/wave-bot.png')">
            </div>
        </div>
    </div>
</body>
</html>

<script type="text/javascript">
    // 目前还不清楚为什么程序启动后，第一访问webapp包下面的页面会找不到路径，暂时采取刷新一下的手段
    $(document).ready(function () {
        if(location.href.indexOf("#reloaded")===-1){
            location.href=location.href+"#reloaded";
            location.reload();
        }
    });
</script>